import React from 'react'
import PropTypes from 'prop-types'
import './rules.scss'

class Rules extends React.Component {
  static contextTypes = {
    router: PropTypes.object.isRequired,
  }
  constructor(props) {
    super(props)
    this.state = {}
  }
  componentWillMount() {}
  componentDidUpdate() {}
  componentDidMount() {
    // this.showPop()
  }
  componentWillUnmount() {
    // document.body.removeEventListener('touchmove', this.stopScroll)
    // //添加事件监听时添加了passive参数，在ios9中移除事件监听也需要加此参数
    // document.body.removeEventListener('touchmove', this.stopScroll, {
    //   passive: true,
    // })
    // document.body.style.overflow = 'auto'
  }
  // stopScroll(e) {
  //   e.stopPropagation()
  //   e.preventDefault()
  // }
  // showPop() {
  //   document.body.addEventListener('touchmove', this.stopScroll, {
  //     passive: false,
  //   })
  //   document.body.style.overflow = 'hidden'
  // }

  render() {
    return (
      <div className="rules-container">
        <div
          className="rules-containe-bkg"
          onClick={() => this.props.hidePop()}
        ></div>
        <img
          onClick={() => this.props.hidePop()}
          className="close-icon"
          src={require('../../static/upload/icon_tupian_guanbi.png')}
          alt=""
        />
        <div className="rules-main-area">
          <div className="rules-title">相关规则</div>
          <div className="rules-desc">
            <div className="rules-main">
              <p>
                1、
                一切移动客户端用户在浏览网页时均被视为已经仔细阅读本条款并完全同意。凡以任何方式登陆本网页，或直接、间接使用本网页资料者，均被视为自愿接受本网站相关声明和用户服务协议的约束。
              </p>
              <p>
                2、
                网页转载的内容并不代表网页之意见及观点，也不意味着本网页赞同其观点或证实其内容的真实性。
              </p>
              <p>
                3、
                网页的文字、图片、音视频等资料均由本网页用户提供，其真实性、准确性和合法性由信息发布人负
                。本网页不提供任何保证，并不承担任何法律责任。
              </p>
              <p>
                4、
                网页所转载的文字、图片、音视频等资料，如果侵犯了第三方的知识产权或其他权利，责任由作者或转载者本人承担，本网页对此不承担责任。
              </p>
              <p>
                5、
                网页不保证为向用户提供便利而设置的外部链接的准确性和完整性，同时，对于该外部链接指向的不由网页实际控制的任何网页上的内容，本网页不承担任何责任。
              </p>
              <p>
                6、
                用户明确并同意其使用网页上网络服务所存在的风险将完全由其本人承担；因其使用网页网络服务而产生的一切后果也由其本人承担，本网页对此不承担任何责任。
              </p>
              <p>
                7、
                除网页注明之服务条款外，其它因不当使用本网页而导致的任何意外、疏忽、合约毁坏、诽谤、版权
                或其他知识产权侵犯及其所造成的任何损失，本网页概不负责，亦不承担任何法律责任。
              </p>
              <p>
                8、
                对于因不可抗力或因黑客攻击、通讯线路中断等网页不能控制的原因造成的网络服务中断或其他缺陷，
                导致用户不能正常使用网页，本网页不承担任何责任，
                但将尽力减少因此给用户造成的损失或影响。
              </p>
              <p>
                9、 本声明未涉及的问题请参见国家有关法律法规，
                当本声明与国家有关法律法规冲突时，以国家法律法规为准。
              </p>
              <p>
                10、本网页相关声明版权及其修改权、更新权和最终解释权均属网页活动方所有。
              </p>
            </div>
          </div>
        </div>
      </div>
    )
  }
}

export default Rules
